var prefix = "/front/product"
$(function () {
    load();
});

function load() {
    $('#exampleTable')
        .bootstrapTable(
            {
                method: 'get', // 服务器数据的请求方式 get or post
                url: prefix + "/search", // 服务器数据的加载地址
                // showRefresh : true,
                //	showToggle : true,
                //	showColumns : true,
                iconSize: 'outline',
                toolbar: '#exampleToolbar',
                striped: true, // 设置为true会有隔行变色效果
                dataType: "json", // 服务器返回的数据类型
                pagination: true, // 设置为true会在底部显示分页条
                singleSelect: false, // 设置为true将禁止多选
                // contentType : "application/x-www-form-urlencoded",
                // //发送到服务器的数据编码类型
                pageList: [10, 25, 50, 100],
                pageSize: 25, // 如果设置了分页，每页数据条数
                pageNumber: 1, // 如果设置了分布，首页页码
                // search : true, // 是否显示搜索框
                // showColumns: true, // 是否显示内容下拉框（选择显示的列）
                sidePagination: "server", // 设置在哪里进行分页，可选值为"client" 或者 "server"
                queryParamsType: "",
                // //设置为limit则会发送符合RESTFull格式的参数
                queryParams: function (params) {
                    return {
                        //说明：传入后台的参数包括offset开始索引，limit步长，sort排序列，order：desc或者,以及所有列的键值对
                        pageNumber: params.pageNumber,
                        pageSize: params.pageSize,
                        model:$('#model').val(),
                        type:$("#type").val(),
                        brand:$("#brand").val(),
                        city:$("#city").val(),
                        userId:$("#userId").val()
                    };
                },
                // //请求服务器数据时，你可以通过重写参数的方式添加一些额外的参数，例如 toolbar 中的参数 如果
                // queryParamsType = 'limit' ,返回参数必须包含
                // limit, offset, search, sort, order 否则, 需要包含:
                // pageSize, pageNumber, searchText, sortName,
                // sortOrder.
                // 返回false将会终止请求
                responseHandler: function (res) {
                    console.log(res);
                    return {
                        "total": res.data.total,//总数
                        "rows": res.data.records   //数据
                    };
                },
                columns: [
                    {
                        checkbox: true
                    },
                    {
                        field: 'productId',
                        title: '主键',
                        visible:false
                    },
                    {
                        field: 'company',
                        title: '供货商',
                        formatter:function (value, row, index) {
                            var html_='';
                            html_ += '<a href="/front/'+row.userAccount+'"';
                            html_ += 'target="_blank"';
                            html_ += ' onmouseover="xianshitip(this)" onmouseout="hiddentishi(this)">';
                            html_ += row.company;
                            html_ += '</a>';
                            html_ += '<div class="detailLayer" style="top: 30px; display: none;" >';
                            html_ += '<h4 class="layer_companyName">'+row.company+'</h4>';
                            html_ += '<div class="layer_mainContent">';
                            html_ += '<div class="layer_line2">';
                            html_ += '<div class="layer_tel">电话：</div>';
                            html_ += '<ul class="layer_contact">';
                            html_ += '<li class="layer_contacts"><span';
                            html_ += 'class="layer_telNumber">'+row.telephone+'</span><span';
                            html_ += 'class="layer_contactName">'+row.username+'</span></li>';
                            html_ += '</ul>';
                            html_ += '</div>';
                            html_ += '<div class="layer_line"><span class="layer_otherTitle" >手机：</span><span';
                            html_ += 'class="layer_otherContent layer_otherContentphone">'+row.mobile+'</span></div>';
                            html_ += '<div class="layer_line"><span';
                            html_ += 'class="layer_otherTitle layer_otherTitle_fax" >传真：</span><span';
                            html_ += 'class="layer_otherContent">'+row.faxs+'</span></div>';
                            html_ += '<div class="layer_line"><span class="layer_otherTitle">办公地点：</span><span';
                            html_ += 'class="layer_otherContent company_address">'+row.address+'</span>';
                            html_ += '</div>';
                            html_ += '<div class="layer_line"><span class="layer_otherTitle">地址：</span><span';
                            html_ += 'class="layer_otherContent company_address2">'+row.address+'</span></div>';
                            html_ += '</div>';
                            html_ += '</div>';
                            return html_;
                        }
                    },
                    {
                        field: 'model',
                        title: '型号',
                        formatter:function (value, row, index) {
                            var ht_=row.model;
                            if(row.hotSell==1){
                                ht_=ht_+'<img src="/img/remai.jpeg" width="30px" height="15px">';
                            }
                            return ht_;
                        }
                    },
                    {
                        field: 'brand',
                        title: '品牌'
                    },
                    {
                        field: 'type',
                        title: '类型'
                    },
                    {
                        field: 'number',
                        title: '数量'
                    },
                    {
                        field: 'unitPrice',
                        title: '单价'
                    },
                    {
                        field: 'note',
                        title: '备注'
                    },
                    {
                        field: 'uploadTime',
                        title: '时间',
                        formatter:function (value, row, index) {
                            return changeDateFormat(value);
                        }
                    },
                    {
                        field: 'qq',
                        title: 'qq',
                        formatter:function (value, row, index) {
                            return formatQQ(row.qq)
                        }
                    }
                ]
            });
}
function changeDateFormat(cellval){
    return cellval.split(" ")[0];
}
function formatQQ(qq) {
    if(qq==null||qq==''){
        return ''
    }
    return '<a href="http://wpa.qq.com/msgrd?v=3&amp;uin='+qq+'&amp;exe=qq&amp;site=一号轴承网&amp;menu=no" class="qqicon" title="'+qq+'" target="_blank"></a>'
}
function reLoad() {
    $('#exampleTable').bootstrapTable('refresh');
}
function searchRepertory() {
    if($('#model').val().length<3){
        alert("型号查询不能少于三个字")
        return;
    }
    $('#exampleTable').bootstrapTable('refresh');
}
function xianshitip(obj) {
    var offset = $(obj).position();
    var top = (offset.top-155)+'px';
    $($(obj).parent().children('div')[0]).css({'display':'block','top':top});
}
function hiddentishi(obj) {
    $($(obj).parent().children('div')[0]).css('display','none');
}


function batchXunjia() {
    $.ajax({
        type: 'POST',
        url:'/front/checkLogin',
        success: function (r) {
            if (r.code == 0) {
                var rows = $('#exampleTable').bootstrapTable('getSelections'); // 返回所有选择的行，当没有选择的记录时，返回一个空数组
                if (rows.length == 0) {
                    layer.msg("请选择要询价信息");
                    return;
                }
                var conf = layer.prompt({
                    formType: 0,
                    value: '',
                    title: '请输入询价商品数量',
                    area: ['800px', '350px'] //自定义文本域宽高
                },function(value, index, elem){
                    layer.confirm("确认要询价选中的'" + rows.length + "'条数据吗?", {
                        btn: ['确定', '取消']
                        // 按钮
                    }, function () {
                        var ids = new Array();
                        // // 遍历所有选择的行数据，取每条数据对应的ID
                        $.each(rows, function (i, row) {
                            ids[i] = row['productId'];
                        });
                        $.ajax({
                            type: 'POST',
                            data: {
                                "ids": ids,
                                "number": value
                            },
                            url: '/sys/product/batchXunjia',
                            success: function (r) {
                                if (r.code == 0) {
                                    layer.close(conf)
                                    layer.msg(r.msg);
                                    reLoad();
                                } else {
                                    layer.close(conf)
                                    layer.msg(r.msg);
                                }
                            }
                        });
                    }, function () {

                    });
                });
            } else {
                layer.msg(r.msg);
            }
        }
    });

}